<template>
  <div class="dispatchPlanOne-wrapper">
    <section>
      <div class="dispatchPlanOne-search">
        <div class="search-header">
<!--          <el-form class="search-form search-less adjustCondition" v-if="!showMore" label-width="89px" :model="queryForm">-->
<!--&lt;!&ndash;              <div class="inline">&ndash;&gt;-->
<!--                  <el-form-item label="收货信息:" label-width="80px">-->
<!--                      <el-input placeholder="收货人/联系电话/收货地址" v-model="queryForm.receiveMsg"></el-input>-->
<!--                  </el-form-item>-->
<!--              </div>-->
<!--            <div class="inline">-->
<!--              <el-form-item class="search-keyword search-form-bottom" label-width="80px" label="关键字:">-->
<!--                <el-input placeholder="车牌号/业务编号/司机姓名/电话" v-model="queryForm.keyword"></el-input>-->
<!--                <el-button class="search-btn" type="primary" @click="onSubmit">查询</el-button>-->
<!--                <el-button @click="reset">重置</el-button>-->
<!--                <div class="more" @click="handleShowMore">更多筛选条件<i class="el-icon-arrow-down"></i></div>-->
<!--              </el-form-item>-->
<!--            </div>-->
<!--          </el-form>-->
          <el-form class="search-form adjustCondition" :class="{'search-less':!showMore, 'search-more': showMore}" label-width="89px" :model="queryForm">
            <el-form-item label="派车单状态:">
              <el-row>
                <el-button :label="this.emptyVal" :key="this.emptyVal"  @click="handleStatusListLess()" :class="{statusActive:this.emptyVal===statusCurrentLess}" type="text" plain>全部</el-button>
                <el-button v-for ="(item, index) in  $dictUtils.getDictList('transState')" :label="item.value" :key="index" @click="handleStatusListLess(item.value)" :class="{statusActive:item.value===statusCurrentLess}" type="text" plain>{{ item.label }}</el-button>
              </el-row>
            </el-form-item>
            <el-form-item label="派车单来源:">
              <el-row>
                <el-button :label="this.emptyVal" :key="this.emptyVal"  @click="handleSourceListLess()" :class="{statusActive:this.emptyVal===statusSourceLess}" type="text" plain>全部</el-button>
                <el-button v-for ="(item,index) in  $dictUtils.getDictList('transSourceType')" :label="item.value" :key="index" @click="handleSourceListLess(item.value)" :class="{statusActive:item.value===statusSourceLess}" type="text" plain>{{ item.label }}</el-button>
              </el-row>
            </el-form-item>
            <el-form-item class="search-keyword" label="关键字:" v-if="!showMore">
              <el-input placeholder="输入车牌号/业务编号/司机姓名/电话查询" v-model="queryForm.keyword"></el-input>
            </el-form-item>
            <el-form-item label="业务类型:" v-if="showMore">
              <el-row>
                <el-button :label="this.emptyVal" :key="this.emptyVal"  @click="handleProcessTypeListLess()" :class="{statusActive:this.emptyVal===statusProcessTypeListLess}" type="text" plain>全部</el-button>
                <el-button v-for ="(item,index) in  $dictUtils.getDictList('processType')" :label="item.value" :key="index" @click="handleProcessTypeListLess(item.value)" :class="{statusActive:item.value===statusProcessTypeListLess}" type="text" plain>{{ item.label }}</el-button>
              </el-row>
            </el-form-item>
            <el-form-item label="派车日期:" class="chooseDate" v-if="showMore">
              <el-row>
                <el-button v-for ="(item,index) in dataStatus" :key="index" @click="handleDateStatusList(index)" :class="{statusActive:index===dataCurrentStatus}" type="text" plain>{{item}}</el-button>
                <!--                  <div class="block">-->
                <span class="custom-date">自定义:</span>
                <el-date-picker
                  v-model="viewForm.createDate"
                  value-format="yyyy-MM-dd"
                  type="daterange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期">
                </el-date-picker>
                <!--                  </div>-->
              </el-row>

            </el-form-item>
            <div class="parallel" v-if="showMore">
              <el-form-item label="收货单位:">
                <el-input class="selectInput" placeholder="请选择收货单位" v-model="queryForm.business.companyName" size="small" @focus="getCompanyClient">
                  <!--                          <template slot="append"></template>-->
                </el-input>
              </el-form-item>
              <el-form-item label="收货信息:" label-width="80px">
                <el-input placeholder="收货人/联系电话/收货地址" v-model="queryForm.receiveMsg"></el-input>
              </el-form-item>
            </div>
            <div class="parallel" v-if="showMore">
              <el-form-item label="货物名称:">
                <el-input class="selectInput" placeholder="请选择货物名称" v-model="queryForm.productName" size="small" @focus="getProductClient">
                </el-input>
              </el-form-item>
              <el-form-item label="司机信息:" label-width="80px">
                <el-input placeholder="司机姓名/联系电话" v-model="queryForm.driverMsg"></el-input>
              </el-form-item>
            </div>
            <div class="parallel" v-if="showMore">
              <el-form-item label="业务信息:">
                <el-input placeholder="业务编号" v-model="queryForm.business.codes"></el-input>
              </el-form-item>
              <el-form-item label="车辆信息:" label-width="80px">
                <el-input placeholder="车牌号/车主姓名/车主身份证" v-model="queryForm.carMsg"></el-input>
              </el-form-item>
            </div>
            <div class="parallel plan" >
              <el-form-item label="发运计划:" v-if="showMore">
                <el-input placeholder="发运计划编号" v-model="queryForm.transportPlan.planCode"></el-input>
              </el-form-item>
            </div>
              <el-form-item label-width="0">
                <div class="search-form-bottom">
                  <el-button class="search-btn" type="primary" @click="onSubmit">查询</el-button>
                  <el-button @click="reset">重置</el-button>
                  <div class="more" @click="handleShowMore"><span v-if="!this.showMore">更多</span><span v-if="this.showMore">收起</span>筛选条件<i :class="{ 'el-icon-arrow-up' : this.showMore , 'el-icon-arrow-down': !this.showMore}"></i></div>
                </div>
              </el-form-item>

          </el-form>
        </div>
      </div>
    </section>
    <section>
      <el-button
        style="margin-right:5px"
        type="primary"
        size="small"
        @click="add"
        v-if="hasPermission('transport::add')"
      >新增</el-button>
<!--      <el-button-->
<!--        style="margin-left: 10px;"-->
<!--        type="default"-->
<!--        size="small"-->
<!--        @click="exportData"-->
<!--        v-if="hasPermission('truck:truckCreditScore:del')"-->
<!--      >导出</el-button>-->
        <section class="right-but" style="display:flex">

          <el-button
            style="margin-left: 10px;"
            type="text"
            size="small"
            @click="exportData"
            v-if="hasPermission('truck:truckCreditScore:del')"
          >
            <img src="~@/assets/img/export.png" alt="">
          </el-button>
            <el-button type="text" style="margin-right:-13px"  @click="refreshList()">
                <img style="width:44px;height:36px;" src="~@/assets/img/refresh.png" >
            </el-button>
            <PopoverBut :checkedProps="checkedProps"  :options="options" @getCheckeds="handlerCloumn"></PopoverBut>
        </section>
    </section>
    <el-table
      v-loading="loading"
      :data="tableData"
      style="margin-top: 10px"
      border
      :header-cell-style="{
        'background-color': '#eeeeee !important',
      }"
      :row-class-name="tableRowClassName"
      @sort-change="sortthiscolumn"
      @selection-change="handleSelectionChange"
    >
      <el-table-column type="index" label="序号" width="70" align="center">
        <template slot-scope="scope">
          <span>{{
            (page.pageNo - 1) * page.pageSize + scope.$index + 1
          }}</span>
        </template>
      </el-table-column>
      <el-table-column prop="transCode" label="派车单号" width="170">
          <template slot-scope="scope">
              <p @click="view(scope.row)"><a>{{scope.row.transCode}}</a></p>
          </template>
      </el-table-column>
      <el-table-column label="业务类型" width="120">
        <template slot-scope="scope">
          {{$dictUtils.getDictLabel("processType", scope.row.business.processType, "")}}
        </template>
      </el-table-column>
      <el-table-column prop="" label="货物" min-width="90">
        <template slot-scope="scope">
          <span v-if="scope.row.product!=undefined">{{scope.row.product.name}}</span>
        </template>
      </el-table-column>
      <el-table-column prop="transportPlan.receiveContact" label="收货人" min-width="100"> </el-table-column>
      <el-table-column prop="" label="运费" align="right" min-width="130">
        <template slot-scope="scope" >
          <section>
            {{scope.row.transPriceToDriver}}元/吨
          </section>
          <section>
            {{$dictUtils.getDictLabel("transMoneyBasis", scope.row.transportPlan.transMoneyBasis, "")}}
          </section>
        </template>
      </el-table-column>
      <el-table-column prop="" label="车辆" min-width="120">
        <template slot-scope="scope" >
          <section @click="showTruckDetail(scope.row.truckNumber)">
              <a>{{scope.row.truckNumber}}</a>
          </section>
          <section>
            <span v-if="scope.row.axle!=undefined">{{scope.row.axle.axle}}</span>
          </section>
        </template>
      </el-table-column>
      <el-table-column prop="" label="司机" min-width="150">
        <template slot-scope="scope" >
          <section>
            <span v-if="scope.row.truckDriver!=undefined">{{scope.row.truckDriver.name}}</span>
          </section>
          <section>
            <span v-if="scope.row.truckDriver!=undefined">{{scope.row.truckDriver.phone}}</span>
          </section>
        </template>
      </el-table-column>
        <el-table-column prop="state" label="状态" width="160px">
            <template slot-scope="scope">
                <div class="state" :class="{
                  empty: scope.row.state === 0,
                  process: scope.row.state === 1,
                  invalid: scope.row.state === 2 || scope.row.state === 3,
                  normal: scope.row.state === 100 || scope.row.state === 101
                }"
                ><span></span>{{$dictUtils.getDictLabel("transState", scope.row.state, "")}}</div>
            </template>
        </el-table-column>
      <span v-for="(item,index) in checkedProps" :key="index">
         <el-table-column  prop="sourceType" :label="item" v-if="item==='来源'" min-width="120">
             <template slot-scope="scope">
              {{$dictUtils.getDictLabel("transSourceType", scope.row.sourceType, "") | noValue}}
            </template>
         </el-table-column>
         <el-table-column  prop="originalWeight" :label="item" v-if="item==='原发/实收数'" sortable="transport"  min-width="180">
           <template slot-scope="scope">
             {{scope.row.originalWeight | noValue}}
           </template>
         </el-table-column>
         <el-table-column  prop="originalDate" :label="item" v-if="item==='装货/卸货时间'" sortable="transport" min-width="200">
           <template slot-scope="scope">
             {{scope.row.originalDate | noValue}}
           </template>
         </el-table-column>
<!--         <el-table-column  prop="createBy.loginName" :label="item" v-if="item==='派车人'"  min-width="180"></el-table-column>-->
<!--         <el-table-column  prop="createDate" :label="item" v-if="item==='派车时间'"  min-width="180"></el-table-column>-->
<!--         <el-table-column  prop="updateBy.loginName" :label="item" v-if="item==='上次操作人'"  min-width="180"></el-table-column>-->
<!--         <el-table-column  prop="updateDate" :label="item" v-if="item==='上次操作时间'"  width="140"></el-table-column>-->


          <el-table-column prop="createBy.loginName" min-width="110px" :label="item" v-if="item==='派车人'">
              <template slot-scope="scope">
                  <span v-if="scope.row.createBy && scope.row.createBy.loginName">
                          {{scope.row.createBy.loginName | noValue}}
                  </span>
                  <span v-else>--</span>
              </template>
          </el-table-column>
        <el-table-column prop="createDate" :label="item"  min-width="200px" v-if="item==='派车时间'">
            <template slot-scope="scope">
                {{scope.row.createDate | noValue}}
            </template>
        </el-table-column>
        <el-table-column prop="updateBy.loginName" min-width="120px" :label="item" v-if="item==='上次操作人'">
              <template slot-scope="scope">
                  <span v-if="scope.row.updateBy && scope.row.updateBy.loginName">
                          {{scope.row.updateBy.loginName | noValue}}
                  </span>
                  <span v-else>--</span>
              </template>
          </el-table-column>
          <el-table-column prop="updateDate" :label="item"  min-width="200px" v-if="item==='上次操作时间'">
              <template slot-scope="scope">
                  {{scope.row.updateDate | noValue}}
              </template>
          </el-table-column>
      </span>
      <el-table-column prop="adddatas" label="操作" width="172px">
        <template slot-scope="scope">
            <el-link type="primary" :underline="false" @click="edit(scope.row)"
                     v-if="hasPermission('transport:edit')"
            >修改</el-link>
            <el-link type="primary" :underline="false" @click="delData(scope.row)"
                     v-if="hasPermission('transport:del')"
            >删除</el-link>
            <el-link type="primary" :underline="false" @click="properties(scope.row)"
            >设置</el-link>
        </template>
      </el-table-column>
    </el-table>
    <el-pagination
      background
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :page-size="page.pageSize"
      :current-page="page.pageNo"
      layout="total,sizes,prev, pager, next, jumper"
      :total="page.total"
    >
    </el-pagination>
    <EditForm ref="editForm" @refreshDataList="getList()"></EditForm>
    <ViewForm ref="viewForm"></ViewForm>
    <!--产品选择弹窗-->
    <ProductDialog ref="ProductDialog" @getProductData="getProductData">

    </ProductDialog>
    <!--客户选择弹窗-->
    <CompanyDialog ref="CompanyDialog" @getCompanyData="getCompanyData">

    </CompanyDialog>
    <truckDetails ref="truckDetails"></truckDetails>
    <property ref="property"></property>
  </div>
</template>
<script>
  import { getList, delData } from '@/api/transport/transport.js'
  import EditForm from './editForm'
  import ViewForm from './viewForm'
  import truckDetails from './truckDetails'
  import property from './property'
  import ProductDialog from '@/components/dialog/productDialog.vue'
  import CompanyDialog from '@/components/dialog/companyDialog.vue'
  import PopoverBut from '@/components/button/popoverBut'
  import Template from "../form/template";
  const options1 = []
  export default {
    components: {
	  Template,      EditForm,
      ViewForm,
      ProductDialog,
      CompanyDialog,
      truckDetails,
      PopoverBut,
      property
    },
    data () {
      return {
        checkedProps: options1,
        showMore: false,
        statusCurrentLess: '',
        statusSourceLess: '',
        emptyVal: '',
        statusProcessTypeListLess: '',
        statusCurrentMore: '',
        carCurrentStatus: '',
        dataCurrentStatus: '',
        statusListLess: [],
        sourceListLess: [],
        processTypeListLess: [],
        dataStatus: ['今日', '本周', '本月', '上月', '本年'],
        value1: '',
        carriersValue: '',
        cargos: [],
        cargosValue: '',
        input: '',
        page: {
          pageSize: 10,
          pageNo: 1,
          total: 0
        },
        queryForm: {
          pageSize: 10,
          pageNo: 1,
          props: 1,
          orderBy: 'updateDate',
          orderByAORC: 'desc',
          keyword: '',
          state: '',
          sourceType: '',
          processType: '',
          selectDateType: '',
          startDate: '',
          endDate: '',
          transportPlan: {
            receiveAddress: '',
            planCode: ''
          },
          productId: '',
          productName: '',
          business: {
            codes: '',
            companyId: '',
            companyName: ''
          },
          receiveMsg: '',
          driverMsg: '',
          carMsg: ''
        },
        viewForm: {
          createDate: ''
        },
        truck: {
          truckNumber: ''
        },
        ids: '',
        tableData: [],
        selectDatas: [],
          options: [
              {
                  label: '来源',
                  key: 'sourceType'
              },
              {
                  label: '原发/实收数',
                  key: 'originalWeight'
              },
              {
                  label: '装货/卸货时间',
                  key: 'originalDate'
              },
              {
                  label: '派车人',
                  key: 'createBy.loginName'
              },
              {
                  label: '派车时间',
                  key: 'createDate'
              },
              {
                  label: '上次操作人',
                  key: 'updateBy.loginName'
              },
              {
                  label: '上次操作时间',
                  key: 'updateDate'
              },],
        orderBy: {
          name: '',
          method: 'asc'
        },
        loading: false
      }
    },
    methods: {
      handleCommand (command) {
        if (command.method === 'edit') {
          this.edit(command.row.id)
        } else if (command.method === 'delData') {
          this.delData(command.row.id)
        } else if (command.method === 'properties') {
          this.properties(command.row)
        }
      },
        // 是否显示某列数据
        handlerCloumn (e) {
            this.checkedProps = e
        },
      showTruckDetail (row) {
          this.$refs.truckDetails.init('detail',row)
      },
      properties (row) {
          if (!(row.state === 0 || row.state === 101)) {
              this.$message({
                  type: 'error',
                  message: '派车单已生效，不支持设置!'
              })
              return
          }
          this.$refs.property.init('properties',row)
      },
      // 删除
      delData (row) {
          if (!(row.state === 0 || row.state === 101)) {
              this.$message({
                  type: 'error',
                  message: '派车单已生效，不支持删除!'
              })
              return
          }
        this.$confirm('您确定要删除当前数据么?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then((res) => {
          delData({
            ids: row.id
          }).then(({data}) => {
            if (data.code === '200') {
              this.$message({
                type: 'success',
                message: '删除成功!'
              })
              this.getList()
            }
          })
        })
      },
      onSubmit () {
        this.getList()
      },
      handleStatusListLess (index) {
        if (index) {
          this.queryForm.state = index
          this.statusCurrentLess = index
        } else {
          this.statusCurrentLess = ''
        }
      },
      handleSourceListLess (index) {
        if (index) {
          this.queryForm.sourceType = index
          this.statusSourceLess = index
        } else {
          this.statusSourceLess = ''
        }
      },
      handleProcessTypeListLess (index) {
        this.queryForm.processType = index
        this.statusProcessTypeListLess = index
      },
      handleStatusMoreList (index) {
        this.statusCurrentMore = index
      },
      handleCarStatusList (index) {
        this.carCurrentStatus = index
      },
      handleDateStatusList (index) {
        this.queryForm.selectDateType = index
        this.dataCurrentStatus = index
      },
      handleChange (val) {
      },
      handleShowMore () {
        this.showMore = !this.showMore
      },
      changeTime (value) {
        this.queryForm.selectDateType = value
      },
      // 货物选择弹窗
      getProductClient () {
        this.$refs['ProductDialog'].dialogVisible = true
      },
      getProductData (row) {
        this.queryForm.productName = row.name
        this.queryForm.productId = row.id
        this.dialogVisible = false
      },
      // 收货地址选择弹窗
      getCompanyClient () {
      	this.$refs.CompanyDialog.initData()
        this.$refs['CompanyDialog'].dialogVisible = true
      },
      // 收货地址选择数据回显
      getCompanyData (row) {
        this.queryForm.business.companyName = row.names
        this.queryForm.business.companyId = row.id
        this.dialogVisible = false
      },
      // 获取列表带分页
      getList () {
        this.loading = true
        if(this.viewForm.createDate == null){
          this.queryForm.startDate = null
          this.queryForm.endDate = null
        }else{
          this.queryForm.startDate = this.viewForm.createDate[0]
          this.queryForm.endDate = this.viewForm.createDate[1]
        }
        this.queryForm.pageSize = this.page.pageSize
        this.queryForm.pageNo = this.page.pageNo
        getList(this.queryForm).then(({data}) => {
          if (data.code === '200') {
            this.tableData = data.result.list
            this.page.total = data.result.count
            this.loading = false
          }
        })
      },
      // 重置查询条件
      reset () {
        this.statusCurrentLess = ''
        this.statusSourceLess = ''
        this.emptyVal = ''
        this.statusProcessTypeListLess = ''
        this.statusCurrentMore = ''
        this.carCurrentStatus = ''
        this.dataCurrentStatus = ''
        this.statusListLess = []
        this.sourceListLess = []
        this.processTypeListLess = []
        this.queryForm = {
          pageSize: 10,
            pageNo: 1,
            props: 1,
            orderBy: '',
            orderByAORC: '',
            keyword: '',
            state: '',
            sourceType: '',
            processType: '',
            selectDateType: '',
            startDate: '',
            endDate: '',
            transportPlan: {
            receiveAddress: '',
              planCode: ''
          },
          productId: '',
            productName: '',
            business: {
            codes: ''
          },
          receiveMsg: '',
            driverMsg: '',
            carMsg: ''
        }
        this.viewForm = {
          createDate: ''
        }
        this.getList()
      },
      view (row) {
        this.$refs.viewForm.init('view', row)
      },
      add () {
        this.$refs.editForm.init('add')
      },
        edit (row) {
            if (!(row.state === 0 || row.state === 101)) {
                this.$message({
                    type: 'error',
                    message: '派车单已生效，不支持修改!'
                })
                return
            }
          this.$refs.editForm.init('edit',row.id)
        },
        refreshList () {
            this.getList()
        },
        // 排序
        sortthiscolumn (a) {
            this.queryForm.orderBy = a.prop
            this.queryForm.pageNo = 1
            if (a.order === 'ascending') {
                this.queryForm.orderByAORC = 'asc'
            } else {
                this.queryForm.orderByAORC = 'desc'
            }
            this.getList()
        },
      handleSelectionChange (val) {
        this.selectDatas = val
      },
      exportData () {
      },
      handleSizeChange (e) {
        this.page.pageSize = e
        this.getList()
      },
      handleCurrentChange (e) {
        this.page.pageNo = e
        this.getList()
      },
      tableRowClassName ({ row, rowIndex }) {
        if (rowIndex % 2 === 1) {
          return 'warning-row'
        } else {
          return 'success-row'
        }
      }
    },
    mounted () {
      this.getList()
    }
  }
</script>
<style lang="scss" scoped>
    @import '@/assets/scss/config.scss';
  .dispatchPlanOne-wrapper{
    margin:-20px;
    padding: 20px;
    .dispatchPlanOne-search{
      .search-header{
        .search-less{
          ::v-deep.el-input {
            width: inherit;
            input {
              width: 350px;
            }
          }
          .search-form-bottom{
            position: absolute;
            bottom: 10px;
            left: 489px;
          }
        }
        .search-more{
          ::v-deep.el-input {
            width: inherit;
            input {
              width: 318px;
            }
          }
          .search-form-bottom{
            text-align: center;
            .el-button--primary {
              margin-right: 10px;
            }
          }
        }
        /*.search-more>.el-form-item{*/
        /*  margin-bottom: 10px;*/
        /*}*/
        /*.search-more>.el-form-item:first-child,.search-more>.el-form-item:nth-child(2),.search-more>.el-form-item:nth-child(3){*/
        /*  margin-bottom: 10px;*/
        /*}*/
        ::v-deep.el-form{
          .search-form-bottom{
            .el-button--primary {
              margin-right: 10px;
            }
          }
          .el-form-item{
            margin-bottom: 10px;
          }
          .el-form-item__content{
            line-height: inherit;
          }
          .el-button+.el-button{
            margin-left: 5px;
          }
          .el-button--text.is-plain{
            padding: 5px 9px;
            border-radius: 4px;
            /*font-size: 16px !important;*/
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
            margin-top: 2px;
            line-height: inherit;
            min-width: fit-content;
            height: fit-content;
          }
          .el-button--text.statusActive,.el-button--text.is-plain:hover{
            color: $--color-primary-liyu;
            border: 1px solid $--color-primary-liyu;
          }


          .more{
            display: inline-block;
            font-size: 12px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #666666;
            margin-left: 47px;
            cursor: pointer;
          }
        }
        ::v-deep.search-more{
          .chooseDate{
            margin-bottom: 15px;
          }
          .custom-date{
            margin-left: 31px;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
          }
          .el-form-item .el-date-editor{
            width: 280px;
            margin-left: 12px;
            .el-range-separator{
              width: 10%;
            }
          }
          /*.more-item-label{*/
          /*  font-size: 16px;*/
          /*  font-family: Microsoft YaHei;*/
          /*  font-weight: 400;*/
          /*  color: #333333;*/
          /*  width: 90px;*/
          /*}*/
          /*.el-select{*/
          /*  .el-input__inner{*/
          /*    width: 460px;*/
          /*    height: 36px;*/
          /*    border: 1px solid #AAAAAA;*/
          /*    border-radius: 4px;*/
          /*  }*/
          /*}*/
          .parallel{
            display: flex;
            &.plan{
              .el-form-item{
                margin-bottom: 20px;
              }
            }
            .el-form-item{
              margin-bottom: 15px;
              &:first-child{
                margin-right: 30px;
              }
            }
          }
        }
        /*::v-deep.exception-table {*/
        /*  margin-top: 20px;*/
        /*  .el-table__header-wrapper{*/
        /*    font-size: 16px;*/
        /*    font-family: Microsoft YaHei;*/
        /*    font-weight: bold;*/
        /*    color: #333333;*/
        /*  }*/
        /*  th{*/
        /*    height: 46px;*/
        /*    background: #EEEEEE;*/
        /*    padding: 0;*/
        /*    !*border-color: #dddddd;*!*/
        /*  }*/

        /*  .el-table__row{*/
        /*    td{*/
        /*      !*padding: 0;*!*/
        /*      !*border-color: #dddddd;*!*/
        /*    }*/
        /*    .cell{*/
        /*      !*text-align: center;*!*/
        /*      font-size: 16px;*/
        /*      font-family: Microsoft YaHei;*/
        /*      font-weight: 400;*/
        /*      color: #333333;*/
        /*      !*height: 48px;*!*/
        /*      !*padding: 6px 5px;*!*/
        /*      box-sizing: content-box;*/
        /*      display: -webkit-box;*/
        /*      -webkit-box-orient: vertical;*/
        /*      -webkit-line-clamp: 2;*/
        /*      overflow: hidden;*/
        /*      line-height: 25px;*/

        /*    }*/
        /*    td:not(:nth-child(3)) .cell{*/
        /*      text-align: center;*/
        /*    }*/
        /*    .el-link,.el-dropdown-link,.el-icon-arrow-down{*/
        /*      font-size: 16px;*/
        /*    }*/
        /*    .el-dropdown-link {*/
        /*      cursor: pointer;*/
        /*      color: #1890FF;*/
        /*    }*/
        /*    .el-link--inner{*/
        /*      margin-right: 10px;*/
        /*    }*/
        /*    .el-link:last-child .el-link--inner{*/
        /*      margin-right: 0;*/
        /*    }*/
        /*    .el-link.is-underline:hover:after{*/
        /*      border-bottom: none;*/
        /*    }*/
        /*  }*/
        /*}*/
      }

    }
    ::v-deep.el-table{
      overflow: auto;
        .cell{
            a{
                color: $--color-primary-liyu;
                cursor: pointer;
            }
        }
    }
  }

</style>
